<template>
	<div class="warn">
		<div class="in">
			<span style='font-weight: 700; font-size20px;color: red;padding-right: 5px;'>!</span> {{$store.state.warninfor}}
		</div>
	</div>
</template>

<script>
export default{
	name:'warn'
}
</script>

<style>
	.warn{
		position: fixed;
		width: 100vw;
		margin-top: 40px;
		transition: all 1s;
		z-index: 99;
	}
	.show{
		margin-top: 40px;
		opacity: 1;
	}
	.hidden{
		margin-top: -100px;
		opacity: 0;
	}
	.in{
		width: 350px;
		height: 30px;
		line-height: 30px;
		margin: auto;
		text-align: center;
		background-color: #fff;
		color: #222;
		border: 1px solid #777;
		border-top: 2px solid red;
	}
</style>
